<script>
  export let process = 40;

</script>

<style>
  .process-container {
    margin: 20px 0;
    border: solid black 1px;
  }
  .process-bar {
    height: 30px;
    background-color: green;
  }
</style>

<div bp="grid">
  <div bp="offset-5@md 4@md 12@sm" class="process-container">
    <div class="process-bar" style="width: {process}%;">
      <span class="sr-only">%{process}</span>
    </div>
  </div>
</div>